<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 李洪均
  Date: 2023/4/27
  Time: 10:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
<%--    <script src="../js/jquery-3.6.4.min.js"></script>--%>
<%--    <script src="../js/common.js"></script>--%>
</head>
<body class="justify-content-center">
<div class="all border-blue width-1962">
    <!--    导航栏盒子-->
    <jsp:include page="top.jsp"/>
    <!--    轮播图盒子-->
    <div>
        <div class="image align-items-center justify-content-center">
            <div class=" text-color">
                <div class="slogan">
                    <div><span>专注优质法律服务</span></div>
                    <div>
                        <span>致力打造一个更具影响力的律师生态圈</span>
                    </div>
                    <div><button class="bt"><a href="#">寻求帮助</a></button></div>
                </div>
            </div>
        </div>
    </div>
    <!--    宣传语盒子-->
    <div class="justify-content-center">
        <div class="propaganda">
            <div><span>专业律师服务&nbsp;&nbsp;&nbsp;就选某某律师事务所</span></div>
            <div><span>致力于为客户提供全球商务法律服务，为客户创造价的全球化法律服务机构</span></div>
            <div class="solid"></div>
        </div>
    </div>
    <!--    服务类别盒子-->
    <div class=" service justify-content-center">
        <div class="service-type">
            <!--        第一行三个-->
            <div class="ser justify-content-start">
              <c:forEach items="${area}" var="AreaModel">
                  <div>
                      <div><img src="${AreaModel.image}" alt=""></div>
                      <span>${AreaModel.name}</span>
                  </div>
              </c:forEach>
            </div>
            <!--        第二行三个-->
            <div class=" ser2 justify-content-start">
           <c:forEach items="${area1}" var="AreaModel">
               <div>
                   <div><img src="${AreaModel.image}" alt=""></div>
                   <span>${AreaModel.name}</span>
               </div>
           </c:forEach>

            </div>

        </div>
    </div>
    <!--    实力见证盒子-->
    <div class="strong">
        <div class="strength align-items-center justify-content-center">
            <div class="edd">
                <div class="text-color"><span>专业实力与您共同见证</span></div>

                <div class="solid2"></div>

                <div class="mod justify-content-start">
                    <div>
                        <div class="text-color2 text-font-size"><span>${strength.num}</span></div>
                        <div><span class="text-color text-font-size2">专业律师</span></div>
                    </div>
                    <div>
                        <div class="text-color2 text-font-size"><span>${strength.num1}</span></div>
                        <div class="lef"><span class="text-color text-font-size2">所获奖项</span></div>
                    </div>
                    <div>
                        <div class="text-color2 text-font-size"><span>${strength.num2}</span><span class="info">+</span></div>
                        <div class="lef"><span class="text-color text-font-size2">知名客户</span></div>
                    </div>
                    <div>
                        <div class="text-color2 text-font-size"><span>${strength.num3}</span><span class="info">+</span></div>
                        <div class="lef"> <span class="text-color text-font-size2">承接法律案件</span></div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!--    服务过客户盒子-->
    <div class="customer justify-content-center">
        <div>
            <div><span>服务过的客户</span></div>
            <div class="solid3"></div>
        </div>
    </div>

    <!--        客户图标盒子-->
    <div class="tt customer0 justify-content-center">

        <div class="customer0-type">
            <!--            第一行五个-->
            <div class="cus1 justify-content-start">
                <c:forEach items="${customerModels}" var="customerModel">
                    <div>
                        <div><img src="${customerModel.img}" alt=""></div>
                    </div>
                </c:forEach>
<%--                <div>--%>
<%--                    <div><img src="../img/k1.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k2.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k3.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k4.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k5.png" alt=""></div>--%>
<%--                </div>--%>
            </div>
            <!--            第二行五个-->
            <div class=" cus2 justify-content-start">
                <c:forEach items="${customerModels1}" var="customerModel">
                    <div>
                        <div><img src="${customerModel.img}" alt=""></div>
                    </div>
                </c:forEach>
<%--                <div>--%>
<%--                    <div><img src="../img/k6.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k7.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k8.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k9.png" alt=""></div>--%>
<%--                </div>--%>
<%--                <div>--%>
<%--                    <div><img src="../img/k10.png" alt=""></div>--%>
<%--                </div>--%>
            </div>

        </div>

    </div>
    <!--    律师团队盒子-->
<%--    <div id="lawyer-team"></div>--%>
<jsp:include page="lawyer_team.jsp"/>
    <!--    资讯盒子-->
    <div class="new-title justify-content-center">
        <div class="news">
            <div><span>最新资讯</span></div>
            <div class="solid3"></div>
        </div>
    </div>
    <div class="new-content justify-content-start">
        <c:forEach items="${news}" var="NewModel">
            <div class="new1 height-320px width-340">
                <div><img src="${NewModel.img}" alt=""></div>
                <div class="text-font-size4 margin-top-5"><span>${NewModel.title}</span></div>
                <div class="text-font-size3 margin-top-10"><span>${NewModel.time}</span></div>
                <div class="width-300 text-color-gray many-over margin-top-5"><span>${NewModel.content}</span></div>
            </div>
        </c:forEach>


    </div>
    <!--尾部盒子-->
<%--    <div id="foot"></div>--%>
<jsp:include page="foot.jsp"/>
</div>
</body>
</html>
